<template>
    <a-table :columns="columns" :data-source="dataSource">

    </a-table>
</template>

<script>
import { defineComponent } from 'vue';
export default defineComponent({
  components: {
  },

  setup() {
    return {
         dataSource: [
          {
            key: '1',
            name: '胡彦斌',
            num: 32,
            sell: '$12.00',
          },
          {
            key: '2',
            name: '胡彦祖',
            num: 42,
            sell: '$15.00',
          },
        ],

        columns: [
          {
            title: '商品名称',
            dataIndex: 'name',
            key: 'name',
          },
          {
            title: '销量',
            dataIndex: 'num',
            key: 'num',
          },
          {
            title: '售价',
            dataIndex: 'sell',
            key: 'sell',
          },
          {
              title: '是否缺货',
              dataIndex: 'only',
              key: 'only'
          }
        ],
    };
  },

});
</script>

<style lang="scss" scoped>

</style>
